/* 设置单选框选中效果 */
(function () {
    var curr = function (target) {
        var label = ["red", "green", "yellow", "blue"], obj = [], v;
        for (v in label) {
            obj[v] = target.find(".note-edit-" + label[v]);

            obj[v].find("input:checked").length && obj[v].addClass("note-edit-" + label[v] + "-curr");
            obj[v].click(function () {
                for (v in obj) {
                    var curr = "note-edit-" + label[v] + "-curr";
                    obj[v].find("input:checked").length ? obj[v].addClass(curr) : obj[v].removeClass(curr);
                }
            });
        }
    };
    curr($(".js-note-add"));
    curr($(".js-note-edit"));
})();

/* 添加按钮 */
$(".note-top-add").click(function () {
    $(".js-note-add").fadeIn(300);
});

/* 修改按钮 */
$(".note-list-edit").click(function () {
    // 当前点击的标签是哪个ID？
    //  get          获取
    //  Attribute    属性
    var id = this.getAttribute("data-id")
    $('#edit_id').val(id);
    console.log(id)

    // 请求   selectById.php
    // 异步请求   $.ajax    $.get   $.post
    // $    jqeruy的符号
    $.get('selectById.php?id=' + id, function (d) {
        //  function(返回的数据)
        console.log(d)
        if (d.code == 0) {
            // 通过id选择器找到  edit_id
            $('#edit_name').val(d.data.name)
            $('#edit_content').val(d.data.content)
            // 给隐藏的input 添加一个id value


            $('input[name="color"][value="' + d.data.color + '"]').prop("checked", true).parent().trigger('click')

        }

    })


    $(".js-note-edit").fadeIn(300);
});

/* 取消按钮 */
$(".note-edit-cancel").click(function () {
    $(this).parents(".note-layer").fadeOut(300);
});

/* 删除按钮 */
$(".note-list-delete").click(function () {
    return confirm('您确定要删除吗？');
});